import React from "react"
import {Navigate, Route,Routes,useNavigate} from 'react-router-dom'

//引入样式
import 'antd/dist/antd.css'

//引入路由
import Home from "./views/Home"
import Blogs from "./views/Blogs"
import Reg from "./views/Reg"
import Login from "./views/Login"
import Case from "./views/Case"
import Article from "./views/blogs/Article";
import Features from "./views/blogs/Features";
import Newbie from "./views/blogs/Newbie"
import Procedures from "./views/blogs/Procedures"


function App(){
    return(
        <div className="container">
            <Routes>
                <Route path='/' element={<Navigate to='/home' /> } />
                <Route path='/home' element={<Home/>} />
                {/* <Route path='/product' element={<Product/>} /> */}
                {/* <Route path='/project' element={<Project/>} /> */}
                <Route path='/case' element={<Case/>} />
                <Route path='/blogs' element={<Blogs/>} >
                    <Route index element={<Navigate to='article' />} />
                    <Route path='article' element={<Article/>} />
                    <Route path='features' element={<Features/>} />
                    <Route path='newbie' element={<Newbie/>} />
                    <Route path='procedures' element={<Procedures/>} />
                </Route>
                {/* <Route path='/download' element={<Download/>} /> */}
                {/* <Route path='/school' element={<School/>} /> */}
                <Route path='/login' element={<Login/>} />
                <Route path='/reg' element={<Reg/>} />
            </Routes>
        </div>
    )
}

export default App